<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 当我们在文本框中输入内容时，文本框上面自动显示大字号的内容。 -->
    快递单号<input type="text" name="" id="input" placeholder="请输入快递单号"> <button>查询</button>
    <script>
        // 给文本框添加事件监听器
        document.getElementById("input").addEventListener("input", function() {
                // 获取文本框中的内容
            var value = this.value;
            // 如果内容长度大于0，则显示大字号的内容
            if (value.length > 0) {
                this.style.fontSize = "30px";
            } else {
                this.style.fontSize = "16px";
            }
            });
            // 给按钮添加点击事件监听器
            document.querySelector("button").addEventListener("click", function() {
            // 获取文本框中的内容
            var value = document.getElementById("input").value;
            // 如果内容长度大于0，则模拟查询快递单号
            if (value.length > 0) {
                alert("模拟查询快递单号：" + value);
            } else {
                alert("请输入快递单号");
            }
            });

    </script>
</body>
</html>